<template>
	<view class='conters' style="background: #fff;">
		<view class="" v-for="(item,index) in list" :key="index">
			<!-- 路线详情 -->
			<view >
				<image :src="item.image" mode="" @click="goPage(item.url)" mode="widthFix"></image>
				<!-- <jyf-parser :html="content" ref="article" :tag-style="tagStyle"></jyf-parser> -->
			</view>
		</view>
	</view>

</template>

<script>
	import {
		getRouteDetail
	} from '@/api/togeterRich/index.js'
	import parser from "@/components/jyf-parser/jyf-parser";
	export default {
		components: {
			"jyf-parser": parser
		},
		data() {
			return {
				id: '',
				list: []
			}
		},
		onLoad(e) {
			this.id = e.id
			this.init()
		},
		methods: {
			goPage(url) {
				uni.navigateTo({
					url
				})
			},
			init() {
				getRouteDetail(this.id).then(res => {
					console.log(res, 'errr')
					this.list = res.data
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background: #fff;
	}
	.conters {
		width: 100%;
		height: 100vh;
		// margin: 20rpx auto;
		// height: 414rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}
</style>